<template>
 <view class="main">
   <view class="logo">
	 <view class="ilist" @click="myitem">
		<view class="ilist1"></view> 
		<view class="ilist2"></view> 
	 </view>
	 <image src="https://ppp.new.zeroitem.cn/ppp/logo.png" class="img1"></image>   
   </view>
   <view class="menu">
	 <view class="menu-1 dcur">一键下单</view>
	 <view class="menu-1" @click="jumpmenu(2)">约拍同款</view>
	 <view class="menu-1" @click="jumpmenu(3)">定制悬赏</view> 
	 <view class="menu-1" @click="jumpmenu(4)">我的订单</view> 
   </view>
   <view class="part" style="margin-top:40rpx">
	  <view class="tip1"></view>
	  <picker mode="date" :value="pdate" :start="startDate"  @change="bindDateChange">
		<view class="rqlist">
	    <view class="rq">{{pdate}}</view>
	    <image src="https://ppp.new.zeroitem.cn/ppp/rq.png" class="img2" @click="psrq"></image>
		</view>
	  </picker>
	 
   </view>
 <view class="part" style="margin-top:20rpx">
 	  <view class="tip1"></view>
 	  <view class="dw" @click="dingwei">
		{{dwmsg}}
		<image src="https://ppp.new.zeroitem.cn/ppp/dw.png" class="img3"></image>
	  </view>
 	  <input type="text" placeholder="输入具体地址及门牌" class="jtdz" v-model="jtdz"/>
 </view>  
   
  <view class="part1" style="margin-top:20rpx">
	  <view class="part1-1">
		 <view class="tip1"></view> 
		 <input type="text" placeholder="输入联系人" class="user" v-model="xm"/>
	  </view>
	  <view class="part1-2">
		 <input type="text" placeholder="输入联系电话" class="phone" v-model="phone"/>  
	  </view>
  </view>
 
 <view class="part" style="margin-top:20rpx">
 	  <view class="tip1"></view>
 	  <view class="sc">时长</view>
 	  <view class="sjxz" @click="xzsc">
		<image src="https://ppp.new.zeroitem.cn/ppp/clock.png" class="img4"></image> 
		{{scdes}}  
	  </view> 
 </view>
 
 <view class="car">
   <image src="https://ppp.new.zeroitem.cn/ppp/car.png" class="img5"></image>
   费用总和(包含拍摄+剪切) 
 </view>
 <view class="car1">
  <view class="car1-1">
	 <image src="https://ppp.new.zeroitem.cn/ppp/tip2.png" class="tip2"></image>
	 <view class="carinfo">
		<view class="carinfo1">标准拍手</view>
		<view class="carinfo2">常规摄影师（会议VLOG、活动记录、婚礼、抖音）</view>
	 </view>
	 <view class="price1">{{jg1}}￥</view>
	 <view class="circe1" :class="pstype==1 ? 'scur5' : ''" @click="setpstype(1)">
		<view class="circe2"></view>  
	 </view>
  </view>
  <view class="car1-1">
	 <image src="https://ppp.new.zeroitem.cn/ppp/tip3.png" class="tip3"></image>
	 <view class="carinfo">
		<view class="carinfo3">实习拍手特惠【暂未开通】</view>
		<view class="carinfo4">新手前20单摄影师（活动花絮、会议记录、婚礼记录）</view>
	 </view>
	 <view class="price2">{{jg2}}￥</view>
	 <view class="circe1" :class="pstype==2 ? 'scur5' : ''" @click="setpstype(2)">
		<view class="circe2"></view> 
	 </view>
  </view>
  
  <view class="car1-1">
	 <image src="https://ppp.new.zeroitem.cn/ppp/tip4.png" class="tip3"></image>
	 <view class="carinfo">
		<view class="carinfo5">达人拍手</view>
		<view class="carinfo6">达人摄影师（创意VLOG、MV、单反、等各类创作）</view>
	 </view>
	 <view class="price3">2k起￥</view>
	 <view class="circe1" :class="pstype==3 ? 'scur5' : ''" @click="setpstype(3)">
	   <view class="circe2"></view>  
	 </view>
  </view>
 </view> 
  <view class="tjbz" @click="tjbz">添加备注</view>
  <view class="qrbtn" @click="submitorder">
	 <image src="https://ppp.new.zeroitem.cn/ppp/car2.png" class="img6"></image>
     <view class="qtxt">确认下单</view>
   </view>
   <view style="margin-top:30rpx"></view>
   <view class="newitem" v-for="(item,index) in news" @click="jnews(item.id)">
	  <view class="new1">
	   <view class="new1-1">{{item.synopsis}}</view>	 
	   <view class="new1-2">{{item.title}}</view>	 
	 </view>  
	 <image :src="item.image" class="img7"></image>
  </view>
  

 
 
 <view class="mask" v-if="showt==2">
	 <view class="bztc">
		<view class="bz1" @click="tjckp">
			<view class="bzinfo">
				<view class="txt5">{{wfile}}</view>
			</view>
			<image src="https://ppp.new.zeroitem.cn/ppp/add.png" class="img11"></image>
			添加参考片
		</view>
		<view class="line2"></view>
		<textarea placeholder="请输入备注内容" class="barea" v-model="remark"></textarea>
		<view class="line2"></view>
		<view class="tjbtn" @click="tjbz1">确认提交</view>
	 </view>
 </view>
 
 <view class="mask" v-if="showt==3">
 	 <view class="sliceadd">
 		<view class="slice1">
           <view class="slice1-1" @click="show_slice_type(1)">
			  <view class="dot1" v-if="slice_type==1"></view> 
			  <image src="https://ppp.new.zeroitem.cn/ppp/icon1.png" class="img12"></image>
			  <view class="slice-1-txt">网络链接</view>
		   </view>
		   <view class="slice1-1" style="margin-left:68rpx" @click="show_slice_type(2)">
			 <view class="dot1" v-if="slice_type==2"></view>
			 <image src="https://ppp.new.zeroitem.cn/ppp/icon2.png" class="img12"></image>
			 <view class="slice-1-txt">本地上传</view>
		   </view>
 		</view>
 		<view class="line2 line-a"></view>
		<block v-if="slice_type==1">
		 <view class="sinput">
		  <input type="text" placeholder="请粘体链接地址"  class="sinput1" v-model="plink"></input>
		 </view>	
		</block>
		
	<block v-if="slice_type==2 && vname==''">
	 <view class="sinput" @click="uploadvideo">
	  <input type="text" placeholder="选择相册文件"  class="sinput2"></input>
	 </view>	
	</block>
	<block v-if="slice_type==2 && vname!=''">
	 <view class="sinput3">
	   <view class="sinput3-1">{{vname}}</view>
	   <view class="sinput3-2">
		 <view class="cir">100%</view>   
	   </view>
	 </view>	
	</block>		
 		<view class="tjbtn" @click="tjslice">确认提交</view>
 	 </view>
 </view>
 
 <view class="mask" v-if="showt==1">
	<view class="timetc">
	  <view class="clock">
		<view class="clock-1" @click="showtmode(1)">
		  <view class="cm1" :class="tmode==1 ? 'cur' : ''"></view>
		  <image src="https://ppp.new.zeroitem.cn/ppp/clock.png" class="img8"></image>
		  <view class="cm2">半天</view>
		</view>
		<view class="clock-1" @click="showtmode(2)">
		  <view class="cm1" :class="tmode==2 ? 'cur' : ''"></view>
		  <image src="https://ppp.new.zeroitem.cn/ppp/clock.png" class="img8"></image>
		  <view class="cm2">全天</view>
		</view>
		<view class="clock-1" @click="showtmode(3)">
		  <view class="cm1" :class="tmode==3 ? 'cur' : ''"></view>
		  <image src="https://ppp.new.zeroitem.cn/ppp/clock.png" class="img8"></image>
		  <view class="cm2">超全天</view>
		</view>		
		<view class="clock-1" @click="showtmode(4)">
		  <view class="cm1" :class="tmode==4 ? 'cur' : ''"></view>
		  <image src="https://ppp.new.zeroitem.cn/ppp/clock.png" class="img8"></image>
		  <view class="cm2">自定义</view>
		</view>		
	  </view>
	   <view class="line1"></view>
	    <block v-if="tmode==1">
		  <view class="tm" @click="showtimep(1)">
		    <view class="time_d dd1" :class="timep==1 ? 'cur2' : ''">上午 （8:00-12:00）</view>
			 <view class="qun" :class="timep==1 ? 'cur3' : ''"></view>
		  </view>
		  <view class="tm" @click="showtimep(2)"> 
		    <view class="time_d dd2" :class="timep==2 ? 'cur2' : ''">下午 （13:00-17:00）</view> 
		    <view class="qun" :class="timep==2 ? 'cur3' : ''"></view>
		   </view>
		   <view class="tm" @click="showtimep(3)"> 
		     <view class="time_d dd3" :class="timep==3 ? 'cur2' : ''">晚上 （18:00-22:00）</view>
			  <view class="qun" :class="timep==3 ? 'cur3' : ''"></view>
		    </view>
			<view class="txt">！本时间为拍摄、剪辑合计使用工时，正常剪辑时长依剪辑难易度而定，
如活动花絮拍摄剪辑比例  3 ：1，即为三小时拍摄一小时剪辑，共计4小时。</view>
	    </block>
		
	    <block v-if="tmode==2">
		  <view class="tm tping1" @click="showtimep(4)">
		    <view class="time_d dd4" :class="timep==4 ? 'cur2' : ''">
			   上全天 （08:00-12:00）（13:00-17:00）	
			</view>
			 <view class="qun" :class="timep==4 ? 'cur3' : ''"></view>
		  </view>
		  <view class="tm tping1" @click="showtimep(5)">
		    <view class="time_d dd5" :class="timep==5 ? 'cur2' : ''">
			   下全天 （13:00-17:00）（18:00-22:00）	
			</view>
			 <view class="qun" :class="timep==5 ? 'cur3' : ''"></view>
		  </view>		  
			<view class="txt tping1">！本时间为拍摄、剪辑合计使用工时，正常剪辑时长依剪辑难易度而定，
如活动花絮拍摄剪辑比例  3 ：1，即为三小时拍摄一小时剪辑，共计4小时。</view>
	    </block>		
	    <block v-if="tmode==3">
		 <view class="qun tping2" :class="timep==6 ? 'cur4 cur3' : ''"></view>
		  <view class="tm" @click="showtimep(6)">
		    <view class="time_d dd6" :class="timep==6 ? 'cur2' : ''">
			   超全天 （08:00-12:00) (13:00-17:00) (18:00-22:00）
			</view>
		  </view>		  
			<view class="txt tping2">！本时间为拍摄、剪辑合计使用工时，正常剪辑时长依剪辑难易度而定，
如活动花絮拍摄剪辑比例  3 ：1，即为三小时拍摄一小时剪辑，共计4小时。</view>
	    </block>
				
	    <block v-if="tmode==4">
		<view style="color:red;display:flex; justify-content: center;align-items:center;height:40prx">
			自定义时间需要每单增加   100元额外的路程费
		</view>
		 <view class="qun cur3 cur4 tping2"></view>
		  <view class="tm">
		    <view class="time_d dd7">
			 <picker mode="time" :value="stime1" start="08:00" end="22:00" @change="bindTimeChange1">
			  <view class="sj1">{{stime1}}</view>
			  </picker>
			  <view class="sj2">至</view>
			  <picker mode="time" :value="stime2" start="08:00" end="22:00" @change="bindTimeChange2">
			  <view class="sj3">{{stime2}}</view>
			  </picker>
			</view>
		  </view>		  
			<view class="txt tping2">！本时间为拍摄、剪辑合计使用工时，正常剪辑时长依剪辑难易度而定，
如活动花絮拍摄剪辑比例  3 ：1，即为三小时拍摄一小时剪辑，共计4小时。</view>
	    </block>
		<view class="tjbtn" @click="pstbtn">确认提交</view>					
	</view> 	 
 </view>
   <showPrivacyAgreement ref="showPrivacy" :visible.sync="privacyVisible"></showPrivacyAgreement>
 </view>
</template>
<script>
	import showPrivacyAgreement from '@/components/showPrivacyAgreement.vue'
	import {
		mapGetters,
		mapActions
	} from 'vuex'
	import {
		toLogin
	} from '@/utils/login'
	
	import {
		loadingFun,
		menuJump
	} from '@/utils/tools'	
	
    import {
		loadingType
	} from '@/utils/type'
	
    import {
		submitorder,gettj,pppset,getnews
	} from '@/api/ppp'	

     import {
		getUser
	} from '@/api/user';
    import {
	  uploadFileToTencentClound
	} from '@/js_sdk/COS'

	const app = getApp()
	export default {
	   components: {showPrivacyAgreement},
		data() {
			return {
			 privacyVisible: false,
			 dwmsg:"定位",
			 sn:"",
			 pppset:[],
			 userInfo:[],
	         tmode:0,
			 showt:0,
			 slice_type:1,
			 jtdz:"",
			 jg1:388,
			 jg2:377,
			 xm:"",
			 phone:"",
			 address:"",
			 latitude:"",
			 longitude:"",
			 wfile:"",
			 timep:0,
			 pstype:1,
			 vname:"",
			 showr:false,
			 show: false,
			 stime1:"",
			 stime2:"",
			 plink:"",
			 remark:"",
			 news:[],
			 pdate:"拍摄日期",
			 startDate:"2021-12-30",
			 scdes:"选择拍摄、剪辑合计工时长度",
			 timepm:[
			  '上午 （8:00-12:00）',
			  '下午 （13:00-17:00）',
			  '晚上 （18:00-22:00）',
			  '上全天 （08:00-12:00）（13:00-17:00）',
			  '下全天 （13:00-17:00）（18:00-22:00）',
			  '超全天 （08:00-12:00) (13:00-17:00) (18:00-22:00）',
			 ]
			}
		},
		onLoad(options) {
		  var sn=options.sn;
		  this.sn=sn;
		  if(sn!="" && sn!=undefined){
			this.checktj(sn);  
		  }
		},
		onShow() {
			console.log("sttttttttttt");
          if(wx.onNeedPrivacyAuthorization){
			   console.log("ppm1");
				wx.onNeedPrivacyAuthorization(resolve => {
					// 需要用户同意隐私授权时
					// 弹出开发者自定义的隐私授权弹窗
					console.log("ppm2");
					this.privacyVisible = true
					this.resolvePrivacyAuthorization = resolve
					this.$refs.showPrivacy.init(resolve)
				})
				return
		  }else{
			 console.log("ppm3");  
		  }
          this.getpppset();
		  this.getnews();
		  this.getUserInfoFun();
		},

		onReachBottom() {
	    
		},
		onPullDownRefresh() {

		},

		methods: {
			
		async getpppset(){
		  var that=this;
		  const{code,msg,data,
		  }= await pppset({});
		  if(code==1){
			that.pppset=data;
		  }	
		},	
					
		async getnews(){
		  var that=this;
		  const{code,msg,data,
		  }= await getnews({});
		  if(code==1){
			that.news=data;
		  }	
		},						
					
					
			
	     jumpback(){
			  uni.navigateBack();
		  },
		  xzsc(){
			this.showt=1; 
			this.tmode=1;
		  },
		  checktj(sn){
			gettj(sn);  
		  },
		  showtmode(tmode){
			this.tmode=tmode; 
			this.timep=0;
		  },
		  showtimep(tp){
			this.timep=tp;  
		  },
		  setpstype(type){
			if(type==2){
			  uni.showToast({
				icon:"none",
			  	title:"实习拍手接单功能暂未开通"
			  })	
			  return false;
			}
			this.pstype=type;  
	
			if(type==3){
			  uni.navigateTo({
			  	url:"/pages/ppp/index/drps"
			  })	
			}
		  },
		  bindDateChange(e){
		    this.pdate=e.detail.value; 
		  },
		  bindTimeChange(e){
		    console.log(e);
		  },
		  tjbz(){ this.showt=2;},
		  tjbz1(){ this.showt=0;},
		  tjckp(){this.showt=3;},
		  show_slice_type(type){this.slice_type=type;},
		  uploadvideo(){
			 var that=this;
			uni.chooseVideo({
				sourceType: ['camera', 'album'],
				success: function (res) {
				  let filePath = res.tempFilePath;
				  let ext = filePath.substr(filePath.lastIndexOf('.') + 1);
				  var timestamp = (new Date()).valueOf();
				  var filename=timestamp+"."+ext;
				  uni.showLoading({title:"视频上传中",mask:true});
				  uploadFileToTencentClound(filename,filePath).then((res1)=>{
				  	that.vname=filename;
					that.wfile="文件:"+filename;
					uni.hideLoading();
				  })
				 }
		    });  
		  },
		  bindTimeChange1(e){
		   console.log(e);
		   var stime1=e.detail.value; 
		   this.stime1=stime1;
		   console.log(this.stime1);
		  },
		  bindTimeChange2(e){
		   var stime2=e.detail.value; 
		   this.stime2=stime2;
		  },		  
		  psrq(){
			this.showr=true;
		  },
		  pstbtn(){
		   if(this.tmode!=4 && this.timep==0){
		     uni.showToast({title:"请选择拍摄时长",icon:"none"});
		     return false;
		   }
		   if(this.tmode==4 && (this.stime1=='' || this.stime2=='')){
			uni.showToast({title:"请填写完整自定义的拍摄时长",icon:"none"});
			return false;   
		   }
		   if(this.timep!=0){
			 var timepm=this.timepm;
			 var nz=this.timep-1;
			 this.scdes=timepm[nz]; 
		     if(this.timep>=1 && this.timep<=3){
			    this.jg1=388;this.jg2=288; 
			 }
			 if(this.timep>=4 && this.timep<=5){
			    this.jg1=720;this.jg2=576; 
			 }
			 if(this.timep==6){
				this.jg1=990;this.jg2=864; 
			 }
		   }else{
			 this.scdes=this.stime1+'-'+this.stime2; 
			 var s1='2022-10-01 '+this.stime1;
			 var s2='2022-10-01 '+this.stime2;
			 var m=this.GetDateDiff(s1,s2,'minute');
			 this.jg1=parseInt(97*m/60)+100;
			 this.jg2=parseInt(72*m/60)+100;
		   }
		   this.showt=false;
		  },
		  
		   GetDateDiff(startTime, endTime, diffType) {
				//将xxxx-xx-xx的时间格式，转换为 xxxx/xx/xx的格式 
				startTime = startTime.replace(/\-/g, "/");
				endTime = endTime.replace(/\-/g, "/");
				//将计算间隔类性字符转换为小写
				diffType = diffType.toLowerCase();
				var sTime =new Date(startTime); //开始时间
				var eTime =new Date(endTime); //结束时间
				//作为除数的数字
				var timeType =1;
				switch (diffType) {
					case"second":
						timeType =1000;
					break;
					case"minute":
						timeType =1000*60;
					break;
					case"hour":
						timeType =1000*3600;
					break;
					case"day":
						timeType =1000*3600*24;
					break;
					default:
					break;
				}
				return parseInt((eTime.getTime() - sTime.getTime()) / parseInt(timeType));
			},	  
	  
		 async submitorder(){
			  if (!this.isLogin) return toLogin();
			  var pdate=this.pdate;
			  if(pdate=='拍摄日期'){
				uni.showToast({title:"请选择拍摄日期",icon:"none"});
				return false;  
			  }
			  var address=this.address;
			  if(address==''){
				uni.showToast({title:"请定位选择拍摄地址",icon:"none"});
				return false;  
			  }	
			  var dz=address+this.jtdz;
			  var xm=this.xm;
			  if(xm==''){
				uni.showToast({title:"请填写联系人",icon:"none"});
				return false;    
			  }
			  var phone=this.phone;
			  if(phone==''){
			  	uni.showToast({title:"请填写联系电话",icon:"none"});
			  	return false;    
			  }
			  var myreg = /^(((13[0-9]{1})|(14[0-9]{1})|(15[0-9]{1})|(17[0-9]{1})|(18[0-9]{1}))+\d{8})$/;
			   if (!myreg.test(phone)) {
		         uni.showToast({title:"请输入有效的手机号码",icon:"none"});
		         return false;  
			   }
			   if(this.tmode!=4 && this.timep==0){
				 uni.showToast({title:"请选择拍摄时长",icon:"none"});
				 return false;
			   }
			   if(this.tmode==4 && (this.stime1=='' || this.stime2=='')){
				uni.showToast({title:"请填写完整自定义的拍摄时长",icon:"none"});
				return false;   
			   }
			   if(this.pstype==0){
				uni.showToast({title:"请选择拍手类型",icon:"none"});
				return false;    
			   }
			   var odata={
				 pdate:pdate,address:address,
				 jtdz:dz,xm:xm,phone:phone,
				 timep:this.timep,stime1:this.stime1,
				 stime2:this.stime2,pstype:this.pstype,
				 lat:this.latitude,lng:this.longitude,
				 remark:this.remark,plink:this.plink,
				 slice_type:this.slice_type,vname:this.vname
			   };
			  const{
				code,
				msg,
				data,
			  }= await submitorder(odata);
			  if(code==1){
				uni.navigateTo({
					url:"/pages/ppp/index/orderConfire?oid="+data.id
				})  
			  }
		}, 
		
		onShareAppMessage(res) {
			var sn=this.userInfo.sn;
			return {
			  title: '片拍拍，拍出好生活',
			  path: '/pages/ppp/index/drps?sn='+sn+"&impstr=0"
			}
		},	
		
		onShareTimeline(res) {
			var sn=this.userInfo.sn;
			return {
			  title: '片拍拍，拍出好生活',
			  path: '/pages/ppp/index/drps?sn='+sn+"&impstr=0"
			}
		},			
		
		
		async getUserInfoFun() {
			const {
				data,
				code
			} = await getUser()
			if (code == 1) {
				this.userInfo = data
			} 
		},
		
		jnews(id){
		 uni.redirectTo({
		    url:"/pages/news_details/news_details?id="+id
		 })	
		},
		jumpmenu(kn){
		if(kn==1){
		  uni.redirectTo({
			 url:"/pages/ppp/index/order"
		  })
		 }	
		 if(kn==2){
		   uni.redirectTo({
		 	 url:"/pages/ppp/index/drps"
		   })
		  }	
		 if(kn==3){
		   uni.redirectTo({
		 	 url:"/pages/ppp/index/dzxx"
		   })
		  }	
		 if(kn==4){
		   uni.redirectTo({
		 	 url:"/pages/ppp/index/dqdd"
		   })
		  }					
		  
		},
		tjslice(){
		 this.showt=2;	
		},
		myitem(){
		 uni.navigateTo({
		 	url:"/pages/ppp/my/index"
		 })	
		},
		dingwei(){
			  var that=this;
					uni.chooseLocation({
						success:(res)=> {
						  var address=res.address;
						  var ppp_area=that.pppset.ppp_area;
						  var cselect=0;
						  ppp_area.forEach(function(item){
							if(address.indexOf(item)!=-1){ 
							 cselect=1;
							}
						  });
						if(cselect==1){
						  this.address=res.address;
						  this.latitude=res.latitude;
						  this.longitude=res.longitude;
						  this.dwmsg='已选';
						 }else{
						  this.dwmsg='定位';
						  this.address='';
						  this.latitude='';
						  this.longitude='';
						  uni.showToast({icon:'none',title:'暂不支持该拍摄城市，请重新选择'});  	 
						 }
						},
						fail:(err)=>{
							console.log(err);
							// 如果用uni.chooseLocation没有获取到地理位置，则需要获取当前的授权信息，判断是否有地理授权信息
							uni.getSetting({
								success: (res) => {
									console.log(res);
									var status = res.authSetting;
									if(!status['scope.userLocation']){
									// 如果授权信息中没有地理位置的授权，则需要弹窗提示用户需要授权地理信息
										uni.showModal({
											title:"是否授权当前位置",
											content:"需要获取您的地理位置，请确认授权，否则地图功能将无法使用",
											success:(tip)=>{
												if(tip.confirm){
												// 如果用户同意授权地理信息，则打开授权设置页面，判断用户的操作
													uni.openSetting({
														success:(data)=>{
														// 如果用户授权了地理信息在，则提示授权成功
															if(data.authSetting['scope.userLocation']===true){
																uni.showToast({
																	title:"授权成功",
																	icon:"success",
																	duration:1000
																})
																// 授权成功后，然后再次chooseLocation获取信息
																uni.chooseLocation({
																	success: (res) => {
																		console.log("详细地址",res);
																		// this.getRegionFn(res);
																	}
																})
															}else{
																uni.showToast({
																	title:"授权失败",
																	icon:"none",
																	duration:1000
																})
															}
														}
													})
												}
											}
										})
									}
								},
								fail: (res) => {
									uni.showToast({
										title:"调用授权窗口失败",
										icon:"none",
										duration:1000
									})
								}
							})
						}
					});
				}
		
		},
		computed: {
			...mapGetters(['isLogin']),
		}
	}
</script>
<style lang="scss">  
@import "./order.css";	
</style>


